@import '@/styles/variables.scss';

.bill-view{
  display: flex;
  justify-content: center;

  .content-view{
    .title{
      text-align: center;
      font-size: $font-size-title;
      padding: $collection-y 0;
      padding-bottom: $block-text-text-y;
    }

    .padd{
      padding-bottom: $block-text-text-y;
    }

    .tabView{
      padding: $block-y 0;
    }

    .tabTitle{
      display: flex;
      color: black;
      font-weight: bold;
      .tabName{
        width: 150px;
      }

      .tabNum{
        text-align: right;
        width: 80px;
      }

      .tabPrice{
        text-align: right;
        width: 80px;
      }
    }

    .tabItem{
      display: flex;
      color: $font-color-main;
      padding-top: $block-text-text-y;
      .tabName{
        width: 150px;
      }

      .tabNum{
        text-align: right;
        width: 80px;
      }

      .tabPrice{
        text-align: right;
        width: 80px;
      }
    }

    .total{
      display: flex;
      justify-content: flex-end;
    }

    .sell{
      display: flex;
      justify-content: flex-end;
      padding-bottom: $block-text-text-y;
    }

    .receipts{
      display: flex;
      justify-content: flex-end;
    }

    .hint{
      padding-top: $collection-y;
      text-align: center;
    }
  }

}
